<html>
<head><title>Esp8266 web server</title>
<link rel="stylesheet" type="text/css" href="style.css">


<script type="text/javascript">

function load_page(page){
	document.getElementById("text").innerHTML='<iframe src="' + page + '"></iframe>';
}

window.onload = function() {
	load_page('home.html');
}
</script>
</head>

<body>
<div class="container">
	<div class="header">
		<h1 class="logo">
			<a href="https://www.olimex.com" title="www.olimex.com"><img alt="www.olimex.com" src="logo.png"></a>
			ESP8266-EVB DEMO PAGE
		</h1>
	</div>
	
	<div class="text" id="text"></div>
	<ul class="menu">
	<li><a href="#" onclick="load_page('home.html')">Home</a></li>
	<li><a href="#" onclick="load_page('relay.html')">Relay</a></li>
	<li><a href="#" onclick="load_page('button.html')">Button</a></li>
	</ul>
</div>
</body></html>
